/*
 * @Description: 未进行搜索、无历史记录时展示的组件
 * @Author: buwei.huang
 * @Date: 2019-06-17 15:15:11
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-06-17 15:15:55
 */
<template>
  <div class="search_history">
    <div class="search_noHistory">
      <div class="search_noHistory_font fontsize34">您可以搜索</div>
      <div class="search_noHistory_main flex-h flex-hsb">
        <!-- <i class="iconfont icon-xianluguihua fontsize80" /> -->
        <div class="flex-v flex-vc">
          <img src="../assets/busRoute.png" />
          <span>线路</span>
        </div>
        <div class="flex-v flex-vc">
          <img src="../assets/busStation.png" />
          <span>车站</span>
        </div>
        <div class="flex-v flex-vc">
          <img src="../assets//site.png" />
          <span>位置</span>
        </div>
      </div>
    </div>
    <img
      src="../assets/background.png"
      class="background-img-bottom"
    />
  </div>
</template>
<script>
import SearchListItem from './SearchListItem'
export default {
  components: {
    'search-list-item': SearchListItem
  },
  data() {
    return {
    }
  },
  computed: {
  },
  mounted() {
  }
}
</script>

<style>
.search_history {
}
.search_noHistory {
  padding: 80px 95px 0 115px;
}
.search_noHistory_font {
  color: rgba(196, 205, 206, 1);
  line-height: 48px;
  text-align: center;
}
.search_noHistory_main {
  margin-top: 60px;
}
.search_noHistory_main img {
  width: 120px;
  height: 120px;
  margin-bottom: 30px;
}
.search_noHistory_main span {
  color: #9fb0b2;
  font-size: 14px; /* no */
  font-weight: bold;
  line-height: 40px;
}
.background-img-bottom {
  width: 100%;
  height: 360px;
  position: absolute;
  bottom: 0;
  /* z-index: 2; */
}
/* .search_noHistory_main > i {
  display: block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  border: 2px solid rgb(196, 205, 206, 0.5);
  border-radius: 50%;
  font-weight: bold;
  color: #9fb0b2;
} */
</style>
